<template>
    <h1>列表渲染v-for渲染对象</h1>
    <div v-for="item in obj">
        <!-- 打印：张三 18 -->
        {{ item }}
    </div>
    <!-- v-for可以有三个参数，value key index -->
    <div v-for="(value, key, index) in obj">
        <!-- 打印：张三 - name - 0
                   18 - age - 1   -->
        {{ value }} - {{ key }} - {{ index }}
    </div>

    ​
    <!-- v-for 可以直接接受一个整数值。在这种用例中，会将该模板基于 1...n 的取值范围重复多次。 -->

    <!-- 注意此处 n 的初值是从 1 开始而非 0。 打印出 ：12345678910-->
    <span v-for="n in 10"> {{ n }} </span>




</template> 
 

  
<script setup>
import { ref, reactive, computed } from "vue";
const obj = reactive({
    name: '张三',
    age: '18'
})

</script>



